const count = 100
function getName() {
  return 'jack'
}

const list = [
  { id: 1001, name: 'Vue' },
  { id: 1002, name: 'React' },
  { id: 1003, name: 'Angular' }
]

const isLogin = false

function handleClick(name, e) {
  console.log('click', name, e);
}

function App() {
  return (
    <div>
      <h1>Hello !</h1>

      {'This is a number: '}
      {count}
      <br />

      {getName()}
      --
      {new Date().getDate()}
      --
      <div style={{ color: 'red' }}>地产</div>
      <hr />

      <ul>
        {list.map(item => <li key={item.id}>{item.name}++</li>)}
      </ul>
      <hr />

      {isLogin && <div>登录了，欢迎回来</div>}
      {isLogin ? <div>欢迎回来</div> : <div>请先登录</div>}
      <hr />

      <div className="App">
        <button onClick={(e) => handleClick('jack', e)}>click me </button>
      </div>


    </div>
  )
}

export default App